<template>
  <div class="container-bg">
    <div class="container-bg-item1"></div>
    <div class="container-bg-item2"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>
<style scoped>
.container-bg {
  width: 300px;
  height: 300px;
  background: #cfcfcf;
  display: inline-block;
}

.container-bg-item1 {
  position: relative;
  top: 200px;
  left: 10%;
  width: 100px;
  height: 100px;
  background: red;
}

.container-bg-item2 {
  width: 50px;
  height: 50px;
  background: green;
}
</style>